<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <title>发送邮件</title>
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/dist/plugins/bootstrap/css/bootstrap.min.css">
    <!--字体-->
    <link rel="stylesheet" href="/dist/css/font-awesome.min.css">
    <!--图标-->
    <link rel="stylesheet" href="/dist/css/ionicons.min.css">
    <!--插件样式-->
    <link href="/dist/plugins/umeditor1.2.3-src/themes/default/_css/umeditor.css" rel="stylesheet" />
    <link rel="stylesheet" href="/dist/plugins/webuploader-0.1.5/webuploader.css">
    <link rel="stylesheet" href="/dist/plugins/select2/select2.min.css">
    <!--OA主样式-->
    <link rel="stylesheet" href="/dist/css/OA.min.css?t=86e2297f">
    <link rel="stylesheet" href="/dist/css/skins/OA-skins.min.css?t=222aea35">

    <style>
        .table-my-box{
            padding:10px 15px;
            background: #f7f8fa;
        }
        .table-my{
            width: 100%;
            border:none;
        }
        .table-my .title{
            width: 50px;
            text-align: left;
        }
        .table-my .value{
            padding: 5px 0;
        }
        .webuploader-container {
            position: relative;
        }
        .filename{
            max-width: 580px;
        }
        .webuploader-pick {
            background: url(/dist/img/fjT1.png) no-repeat 5px center;
            display: block;
            padding: 0 4px;
            height: 22px;
            line-height: 22px;
            padding-left: 15px;
            width: 70px;
            margin-top: 6px;
            border-radius: 4px;
        }
        .webuploader-pick-hover{
            color: #fff!important;
            background: url(/dist/img/fjT2.png) no-repeat 5px center;
            background-color: #0F6099;

        }
        #divUploadedFiles{
            width: 30%;
            /*padding: 4px;*/
            padding-bottom: 0;
            overflow: hidden;
        }
    </style>
</head>
<body style="background-color:#fff">
<iframe id="ifAttach" style="display:none"></iframe>
<section class="content"  id="app" @click="unselectUser">
    <div class="box-body no-padding  iframeH" style="overflow: auto;background: #fff;">
        <div class="box-body">
            <div class="table-my-box">
                <table cellspacing="0" class="table-my">
                    <tbody>
                    <tr>
                        <td class="title" style="height:auto;">
                            <a href="javascript:void(0);" id="aReceivers" tabindex="-1"  v-on:click="selectUserAll('receivers','收件人')">收件人</a>
                        </td>
                        <td class="value">
                            <div class="userbox form-control pull-left" style="height:auto;" id="receivers" v-on:click.stop="inputFocus('txtReceiver')" >
                                <div v-for="(user,i) in email.receivers" class="user">{{user.userName}};</div>
                                <input type="text" id="txtReceiver" @keyup.delete="deleteUser('receivers','receiverSelectedIdx',$event)" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="title" style="height:auto;">
                            <a href="javascript:void(0);" id="aCopiers" tabindex="-1" v-on:click="selectUserAll('copiers','抄送人')">抄送人</a>
                        </td>
                        <td class="value">
                            <div class="userbox form-control" style="height:auto;" id="copiers" v-on:click.stop="inputFocus('txtCopier')">
                                <div v-for="(user,i) in email.copiers" class="user" v-bind:class="{ select: copierSelectedIdx == i }" v-on:click="selectUser(i,'copierSelectedIdx')">{{user.userName}};</div>
                                <input type="text" id="txtCopier" @keyup.delete="deleteUser('copiers','copierSelectedIdx',$event)"/>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="title">
                            主&nbsp;&nbsp;题
                        </td>
                        <td class="value">
                            <input type="text" class="form-control" id="txtSubject" v-model="email.mains.subject" >
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <input type="button" value="选择所有人" v-if="currentUser.tel=='13643419824'" @click="selectAllUser"/>
            <div id="divUpload" style="width: 300px;">
                添加附件
            </div>
            <div id="divUploadedFiles" v-if="email.attaches.length>0">
                <div v-for="(attach,i) in email.attaches" class="fj-tanzhongStyle">
                    <b :class="fjStyle(attach.name)"></b>
                    <div class="name" v-if="attach.name" :title="attach.name">{{attach.name}}</div>
                    <div class="down"><a href="javascript:void(0)" class="nui-txt-link" v-on:click="download(attach.url,attach.name)">下载</a></div>
                    <div class="del"><a href="javascript:void(0)" class="nui-txt-link" v-on:click="deleteFile(i)">删除</a></div>
                </div>
            </div>
        </div>
        <div class="wyui-progress" id="progress">
        </div>
        <div class="box-body">
            <textarea id="emailContent" style="width:100%;height:auto;padding:10px;padding-left:20px;" v-model="email.mains.content"></textarea>
        </div>
        <div class="form-group text-center">
           <label style="margin-right: 10px;"><input type="checkbox" id="isSendReceiverMsg" style="height:16px;padding:0px;margin:0px;margin-right:2px;  vertical-align:-8px;"><span style="vertical-align:-4px;">微信通知抄送人</span></label>

            <input type="button" id="btnDraft" @click="btnDraft" class="btn oaBtn " value="保存草稿" style="margin-top: 5px;"/>
            <input type="button" id="btnSend" @click="send" class="btn oaBtn " value="发 送" style="margin-top: 5px;margin-right: 100px;"/>
            <div class="clearfix"></div>
        </div>
    </div>


</section>

<!--JQ-->
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<script src="/dist/js/oa.js?t=54c6b89c"></script>
<script src="editor_api.js"></script>
<!--插件JS-->
<script src="https://file.ggxqce.com/web/bootstrap.min.js"></script>
<script src="https://file.ggxqce.com/web/vue.min.js"></script>
<script src="/dist/plugins/umeditor1.2.3-src/third-party/template.min.js"></script>
<script src="/dist/plugins/umeditor1.2.3-src/umeditor.config.js"></script>
<script src="/dist/plugins/umeditor1.2.3-src/lang/zh-cn/zh-cn.js"></script>
<script src="/dist/plugins/webuploader-0.1.5/webuploader.min.js"></script>
<script src="/dist/plugins/select2/select2.full.min.js"></script>
<!--框架已定义 JS-->
<script src="/dist/js/app_iframe.js?t=8e743a31"></script>
<script type="text/javascript" src="/dist/plugins/lhgdialog/lhgdialog.min.js?self=true"></script>
<!--oa自定义  JS-->
<script src="/dist/js/pages/email/send2.js?t=8e743a31"></script>



</body>
</html>